<template>
  <div style="border: 2px solid black">
    首页内容
    <com-count></com-count>
  </div>
  <header>
    <div class="wrapper">
      <nav>
        <RouterLink to="/page-list">去列表</RouterLink>
        <RouterLink to="/page-detail">去详情</RouterLink>
      </nav>
    </div>
  </header>

  <RouterView />
</template>

<script setup>
import ComCount from '@/components/count.vue'
import { RouterLink, RouterView } from 'vue-router'
import { onMounted } from 'vue'
onMounted(() => {
  console.log('onMounted:page-home')
})
</script>
<style scoped>
nav {
  width: 100%;
  font-size: 12px;
  text-align: center;
  margin-top: 2rem;
}
a {
  margin: 10px;
}
</style>
